.order-detail {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  .box {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    padding: 0 36rpx 36rpx;
  }
  .title {
    font-size: 30rpx;
    color: #000;
    padding: 30rpx 0;
    border-bottom: 1rpx solid var(--main-color);
  }
  .order-status {
    padding: 30rpx 0;
    border-bottom: 1rpx solid var(--main-color);
    .status-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 30rpx;
    }
    .status-title {
      font-size: 30rpx;
      color: #000;
    }
    .status {
      font-size: 28rpx;
      color: #545454;
    }
    .t2 {
      font-size: 23rpx;
      color: #545454;
    }
  }
  .order-goods {
    padding: 30rpx 0;
    border-bottom: 1rpx solid var(--main-color);
  }
  .order-money {
    padding: 30rpx 0;
    border-bottom: 1rpx solid var(--main-color);
    .order-money-item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 30rpx;
      font-size: 28rpx;
      color: #000;
    }
  }
  .order-other {
    padding: 30rpx 0;
    font-size: 23rpx;
    color: #545454;
    .order-other-item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 30rpx;
    }
  }
}

.order-footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  padding: 0 36rpx;
  box-shadow: 0 -10rpx 10rpx rgba(0, 0, 0, 0.1);
  .buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 25rpx;
    .button {
      width: 160rpx;
      height: 70rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-left: 20rpx;
      border-radius: 2rpx;
      font-size: 23rpx;
      background-color: #c9a063;
      border: 1rpx solid #c9a063;
      color: #fff;
      &.plain {
        background-color: transparent;
        border: 1rpx solid #979797;
        color: #545454;
      }
    }
  }
}

.logistics {
  margin-top: 40rpx;
  height: 88rpx;
  background: #f5f5f5;
  border-radius: 2rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12rpx 0 30rpx;
  box-sizing: border-box;
  font-size: 23rpx;
  color: #545454;
  &-title {
    margin-right: 40rpx;
  }
  &-status {
    margin-right: 12rpx;
    color: #000;
    font-weight: bold;
  }
  &-desc {
    flex: 1;
    text-overflow: ellipsis;
    white-space: nowrap;

    overflow: hidden;
  }
  image {
    width: 13rpx;
    height: 19rpx;
    margin-left: 10rpx;
  }
}
